Ext.onReady(function ()
{
	//获得数据store
	var termData = Ext.create('Ext.data.Store',
		{
			model : 'TermModel',
			proxy :
			{
				type : 'ajax',
				url : basePath + 'term/GetTermList',
				reader :
				{
					type : 'json',
					root : 'root'
				}
			},
			autoLoad : true
		}
		);

	//数据填充入学期combobox
	var termBox = Ext.create('Ext.form.ComboBox',
		{
			fieldLabel : '学年:',
			emptyText : '请选择',
			labelWidth : 100,
			width : 400,
			labelAlign : "right",
			store : termData,
			queryMode : 'local',
			editable : false,
			disable : true,
			displayField : 'name',
			valueField : 'term_id',
			blankText : '不能为空',
			allowBlank : false,
			listeners :
			{
				'select' : function ()
				{
					loadData(termBox.getValue());
				}
			}
		}
		);

	var statisticsData = Ext.create('Ext.data.JsonStore',
		{
			fields : ['name', 'data', 'detail'],
			data : []
		}
		);

	//获得数据store
	function loadData(tid)
	{
		statisticsData = new Ext.data.JsonStore(
			{
				storeId : 'myStore',
				autoLoad : true,
				proxy :
				{
					type : 'ajax',
					url : basePath + 'statistics/getVirtualExperimentStatistics?tid=' + termBox.getValue(),
					reader :
					{
						type : 'json',
						root : 'data',
						idProperty : 'name'
					}
				},
				fields : ['name', 'data', 'detail']
			}
			);
		chart.bindStore(statisticsData);
	}

	var chart = Ext.create('Ext.chart.Chart',
		{
			renderTo : Ext.getBody(),
			animate : true,
			width : '80%',
			height : '60%',
			store : statisticsData,
			axes : [
				{
					type : 'Numeric',
					position : 'left',
					fields : ['data'],
					label :
					{
						renderer : Ext.util.Format.numberRenderer('0,0')
					},
					title : '人数',
					grid : true,
					minimum : 0
				},
				{
					type : 'Category',
					position : 'bottom',
					fields : ['name'],
					title : '周次'
				}
			],
			series : [
				{
					type : 'column',
					axis : 'left',
					highlight : true,
					tips :
					{
						trackMouse : true,
						width : 220,
						renderer : function (storeItem, item)
						{
							this.setTitle(storeItem.get('name') + ':共计' + storeItem.get('data') + '人次<br>' + storeItem.get('detail'));
						}
					},
					//颜色设置
					renderer : function (sprite, record, attr, index, store)
					{
						var color;
						color = 'rgb(52, 184, 193)';
						return Ext.apply(attr,
						{
							fill : color
						}
						);
					},
					xField : 'name',
					yField : 'data'
				}
			]
		}
		);

	var tmp = Ext.getCmp('VESForm');
	if (tmp != null)
		tmp.destroy();
	VESForm = Ext.create("Ext.form.FormPanel",
		{
			id : 'VESForm',
			title : '虚拟实验统计',
			frame : false,
			autoScroll : true,
			defaultType : 'textfield',
			renderTo : 'VirtualExperimentStatisticsDiv',
			defaults :
			{
				labelWidth : 100,
				labelAlign : "right"
			},
			items : [
				termBox,
				chart
			]
		}
		);
}
);
